﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>HPGACN - Presenças</title>

<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
  
  DD_belatedPNG.fix('#header');
  DD_belatedPNG.fix('.notification');
  DD_belatedPNG.fix('.submit');
  DD_belatedPNG.fix('#info');
  DD_belatedPNG.fix('.pngfix');
  
</script>
<![endif]--> 

<!-- LOAD BUSINESS OBJECTS -->
<script type="text/javascript" src="js/aluno/businessObjects.js"></script>

<!-- LOAD ATUALIZAÇÃO PAINEL -->
<script type="text/javascript" src="js/aluno/painelStatusPresencas.js"></script>

<!-- LOAD JQUERY AND JQUERY UI  --> 
<script type="text/javascript" src="js/jquery-1.6.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>

<!-- LOAD CUSTOM SCRIPTS AND JQUERY UI LIBRARY  --> 
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="js/manual.js"></script>

<!-- LOAD FACEBOX -->
<script type="text/javascript" src="js/facebox.js"></script>
<link href="css/facebox.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/iepngfix_tilebg.js"></script>

<!-- MASTER STYLESHEET --> 
<link href="css/styles.css" rel="stylesheet" type="text/css" />

<!-- MANUAL STYLESHEET --> 
<link href="/css/manual.css" rel="stylesheet" type="text/css" charset="utf-8" />
 
<!-- LOAD ALUNO CLASS -->
<script type="text/javascript" src="js/aluno/dao.js" charset="utf-8"></script>
<script type="text/javascript" src="js/aluno/model.js" charset="utf-8"></script>

<!-- LOAD PESQUISA -->
<script src="js/aluno/PesquisarAlunos.js" type="text/javascript" charset="utf-8"></script>

<!-- LOAD PRESENCA -->
<script type="text/javascript" src="js/aluno/realizarPresenca.js" charset="utf-8"></script>

<script type="text/javascript">
function inicializarPagina()
{
	$("#inputPresenca").focus();
	// ficar ouvindo se é apertado enter na textbox Presença
	$("#inputPresenca").keyup(function(event){
  		if(event.keyCode == 13) {
  			if(! $("#inputPresenca").val() == "") {
  				var id = $("#inputPresenca").val();
	    		RegistraPresencaLocal(id);
	    		AtualizaDadosPagina(id);
	    		LimparLabel();
	    	}
	    }
	});

	// ficar ouvindo se e apertado enter na textbox Pesquisa Aluno
    $("#inputNomeAluno").keyup(function (event) {
        if (event.keyCode == 13) {
            if (!$("#inputNomeAluno").val() == "") {
                var nomeAluno = $("#inputNomeAluno").val();
                PesquisarAlunos(nomeAluno);
            }
        }
    });
	
	atualizaPainel();
}
</script>
</head>
<body onload="inicializarPagina();">
	<!--START HEADER  -->
    <div id="header">
    
      <div id="head_wrap" class="container_12">
            
        <!--START LOGO  --> 
        <div id="logo" class="grid_8">

			<h1><strong>GACN - </strong>Grupo Augusto Cezar Netto</h1>
        
        </div>
        <!-- END LOGO -->
        
        <!-- START USERPANEL --> 
		<div id="user_panel" class="grid_4">
          
            <ul>
                <li><a>Acesso Offline do Sistema</a></li>
            </ul>
            
			
		</div>
        <!-- END USERPANEL --> 
        
        <!-- START NAVIGATION  -->
        <div id="nav" class="grid_9">
        
            <ul class="sf-menu sf-js-enabled sf-shadow">
            
                <!-- class "current" defines this as current page -->
                <li class=""><a href="http://hp.gacn.com.br/Dashboard.aspx">Acessar o sistema Online</a></li>
				<li><a><del>Limpar Base de dados local<del></a></li>
				<li><a href="editarpresencasLocais.html#">Editar Presencas Locais</a></li>
            </ul> 
            
      </div>
      <!-- END NAV -->      
    </div>
    <!-- END HEAD_WRAP (CONTAINER FOR LOGO AND NAVIGATION -->
    
    </div>
    <!--END HEADER (FULLL WIDTH WRAPPER WITH BG) -->

    <!--START CONTENT  -->
    
    <div id="content" class="container_12">
        
    <div class="grid_12">

	
       <h3>Acesso Offline do Sistema</h3>
       
          <p>Essa página pode ser acessada mesmo quando não houver conectividade com a internet.
			 Há alumas limitações, a exemplo do cadastramento de novos alunos.
			 Caso haja conectividade com a internet, basta apenas clicar nos links acima para 
			 fazer as operações que requerem conexão.
		  </p>
		  <div style="width: 50%; text-align: left; margin-left: auto; margin-right: auto;">
			  <table>
			  <tr>
				<td>Quantidade de presenças locais: <label id="qtdPresencasLocais">000</label></td>
				<td>Quantidade de alunos na base local: <label id="qtdAlunosBaseLocal">0000</label></td>
			  </tr>
			  </table>
		  </div>
    </div>

	<div class="container_12">
    	
        <!-- 2 COLUMN EXAMPLE-->
        <div class="grid_6">
          
         <h3>Realizar presença</h3>
         
         
        <table width="100%">
			<tr>
			<td>
				<label>Número do crachá:</label>
				<input id="inputPresenca" name="inputPresenca" type="text" class="text small">
			</td>
			<td>
				<img src="images/16x16/accept.png" alt="sucesso!" id="sucessoCracha" style="visibility:hidden">
				<img src="images/16X16/exclamation.png" id="erroLista" alt="exclamation" width="16" height="16" style="visibility:hidden">
			</td>
			</tr>
			</table>
			
			<ul> <!-- Inicio lista ordenada de informacoes do aluno -->

			        			<li id="nomeAluno"></li>
			        			<li id="turmaAluno"></li>

			        		</ul>
    </div>
	<!-- END 2 COLUMN EXAMPLE DIV - LEFT-->
   
   	  <!-- 2 COLUMN EXAMPLE-->
      <div class="grid_6">
      
      <h3>Pesquisar alunos</h3>
       <p>Para iniciar a pesquisa basta inserir o nome do aluno e pressionar enter.</p>
       
       
       <!-- INICIO PRESENcA WRAPPER -->
       <div id="presencawrapper">
				<table width="100%">
					<tbody><tr><td><label>nome ou Código do Aluno:</label></td></tr>
                    <tr><td><input id="inputNomeAluno" name="inputNomeAluno" type="text" class="text small"></td></tr>
                    </tbody></table>

                    <p><label>Alunos:</label></p>

                        <table width="100%" id="resultadoAlunos" class="datagrid">
                            <tbody><tr>
                                <th width="8%">Código</th>
                                <th width="60%">Nome Completo do Aluno</th>
                                <th width="12%">Código Turma</th>
                                <th width="20%">Turma</th>
                            </tr>
                        </tbody></table>
       		
       </div> <!-- FIM PRESENÇA WRAPPER -->	
		</div>
    <!-- END 2 COLUMN EXAMPLE DIV - RIGHT--> 
    
	
	</div>
  <!-- END CONTENT -->
  
  
  
    <!-- START FOOTER -->
    
	<div id="footer" class="grid_12">
    
        <p>Grupo Augusto Cezar Netto | <a href="www.searabendita.org.br">Seara Bendita</a> | Amar é unir</p>
	</div>
    <!-- END FOOTER -->  
    
    
    
</div>

<!-- Info is shown when a link with these 
attributes are clicked: href="#info" rel="facebox"  -->


</body>
</html>
